<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	  <title>deui_tab</title>
    <link rel="stylesheet" type="text/css" href="../../css/deui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/swiper/swiper.css" />
    <style>
      .maskimg{
        width:100%;
        height: 300px;
      }

    </style>

</head>
<body>
  <div  id="vm">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <div class="swiper-slide" v-for="item in BannerList">
          <img v-bind:src="item.img" class="maskimg">
        </div>
      </div>
      <div class="swiper-pagination"></div>
    </div>
  </div>
</body>
<script type="text/javascript" src="../../js/vue.2.5.js"></script>
<script type="text/javascript" src="../../js/swiper.min.js"></script>

<script>
var vm = new Vue({
    el: '#vm',
    data: {
        BannerList:[
          {"img":"http://xuexueclub.oss-cn-shenzhen.aliyuncs.com/iFwTGN4h2S.jpg"},
          {"img":"http://xuexueclub.oss-cn-shenzhen.aliyuncs.com/iFwTGN4h2S.jpg"},
          {"img":"http://xuexueclub.oss-cn-shenzhen.aliyuncs.com/iFwTGN4h2S.jpg"},
          {"img":"http://xuexueclub.oss-cn-shenzhen.aliyuncs.com/iFwTGN4h2S.jpg"},
        ]
    },
    methods: {
        init: function() {
            var _this = this;

            if ('addEventListener' in document) {
              document.addEventListener('DOMContentLoaded', function() {
                  FastClick.attach(document.body);
              }, false);
            }
            setTimeout(function() {
              var swiper = new Swiper('.swiper-container', {
                      pagination: '.swiper-pagination',
                      paginationClickable: true,
                      spaceBetween: 30,
                      centeredSlides: true,
                      autoplay: 2500,
                      autoplayDisableOnInteraction: false,
                      loop: true,
                  });
            }, 100)

        },


    }
})
</script>
</html>
